<!-- 案例分析：当图片轮播时，图片显示隐藏，达到轮播效果 -->

<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>桃子味的狐</title>
    <link rel="stylesheet" href="lbt2.css">
</head>

<body>

    <div class="shell">
        <div class="images">
            <li class="img" style="display: block;"></li>
            <li class="img"></li>
            <li class="img"></li>
            <li class="img"></li>
            <li class="img"></li>
        </div>
        <div class="min-box">
            <li class="min" style=" opacity:1;"></li>
            <li class="min"></li>
            <li class="min"></li>
            <li class="min"></li>
            <li class="min"></li>
        </div>
        <div class="button">
            <div class="button-left">《</div>
            <div class="button-right">》</div>
        </div>
    </div>

    <script src="lbt2.js"></script>
</body>

</html>